<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<meta name="description" />
	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	<title>经销商分润管理系统</title> 

   	<link href="__CSS__/mui.min.css" rel="stylesheet"> 
    <link href="__CSS__/alertify.core.css" rel="stylesheet" type="text/css">
    <link href="__CSS__/alertify.default.css" rel="stylesheet" type="text/css">
    <link href="__CSS__/font-awesome.min.css" rel="stylesheet" /> 
	<link href="__CSS__/default.manager.css" rel="stylesheet" type="text/css" />
 	<link href="__CSS__/app.css" rel="stylesheet"/> 
    <link href="__CSS__/SkinConfig-Black.css" rel="stylesheet"  type="text/css"/> 
    <link href="__CSS__/user.css" rel="stylesheet"> 
    
    <script  type="text/javascript" src="__JS__/jquery.2.1.4.min.js"></script> 
    <script type="text/javascript"  src="__JS__/mui.min.js"></script>  

 	<script>
		var ajaxCacheTime = 30; 
 	</script>
</head>
<body id="app" class="mui-android mui-android-6 mui-android-6-0 mui-fullscreen" style="text-size-adjust: 100%;background:#fff">
	<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
		<!--侧滑菜单部分-->
		<aside id="offCanvasSide" class="mui-off-canvas-left">
			<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
				<div class="mui-scroll-wrapper" id="offCanvasSideScroll" data-scroll="1">
		        	<div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
		          		<!-- 菜单具体展示内容 -->
		          		<ul class="mui-table-view mui-table-view-chevron">  
		               		<li class="mui-table-view-cell">
		                 		<a class="mui-navigate-right" href="{:url('user/bdwx')}">
		                  			<span class="mt-menu-item">
		                     			<span class="mt-menu-badge-m ModifyPassWord"></span> 
		                     			<span class="fa mt-icon-m mt-menu-font drag-handle">
		                        			<img src="__IMG__/my_icon06.png">   
		                    			</span>
						    			<span class="mt-menu-title-m">绑定微信</span>
		                   			</span>
					      		</a>
		               		</li> 
		               		<li class="mui-table-view-cell">
		                 		<a class="mui-navigate-right" href="{:url('user/editPwd')}">
		                  			<span class="mt-menu-item">
		                     			<span class="mt-menu-badge-m ModifyPassWord"></span> 
		                     			<span class="fa mt-icon-m mt-menu-font drag-handle">
		                        			<img src="__IMG__/password.png">   
		                    			</span>
						    			<span class="mt-menu-title-m">修改密码</span>
		                   			</span>
					      		</a>
		               		</li> 
					 	</ul> 
		        	</div>
		        	<div class="mui-bar" style="height: 48px;line-height: 48px; text-align: center;bottom:0;display: block;"><a href="{:url('user/outLogin')}">退出登录</a></div>
		      		<div class="mui-scrollbar mui-scrollbar-vertical">
		      			<div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 613px; transform: translate3d(0px, 0px, 0px) translateZ(0px);"></div>
		      		</div>
		      	</div>
			</div>
		</aside>
		<!--主界面部分-->
		<div class="mui-inner-wrap"> 
			<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
				<div class="mui-scroll" id="menulist" style="transform: translate3d(0px, 0px, 0px) translateZ(0px); transition-duration: 0ms;"> 
		  			<div class="mt-userinfo" id="mt-userinfo" style="background-image: url('__IMG__/TopBg01.png');">
		         		<div class="mt-head">
		            		<div class="spinner"></div>
		            		<img class="mt-head-logo" src="{$daili_info.wxtx}"> 
		            		<div class="mt-head-info">
		                 		<p class="mt-head-name  mui-ellipsis" style="margin-top:5px;">{$daili_info.dl_phone}</p>
		                 		<p class="mt-head-item  mui-ellipsis" style="margin-top:5px;">{$daili_info.dlname}（剩余个数：{$daili_info.xtgs}个）</p> 
		             			<p class="mt-head-item  mui-ellipsis" style="margin-top:5px;">
		             				佣金：{$daili_info.yongjin|number_format='2'}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:url('user/tixian')}" style="color:#fff;">提现</a>
		             			</p>
		             		</div> 
		        		</div> 
		         		<div style="right:30px;position: absolute; top:30px;">
		               		<a class="mui-action-menu mui-icon mui-icon-bars" href="#offCanvasSide" style="color:white"></a> 
		          		</div>  
		    		</div> 
		   
		    		<ul class="mui-table-view mui-grid-view mui-grid-9" id="MenuList">
				  		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('user/agentList')}" >
				          		<span class="mt-menu-item">  
			                      	<span class="mt-menu-badge WeixinAgentList"></span>
			                     
			                     	<span class="fa mt-icon mt-menu-font drag-handle">
			                        	<img src="__IMG__/accredit.png">   
			                      	</span>
					                <span class="mt-menu-title">我的授权</span>
		                   		</span> 
				            </a> 
				        </li>
				        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('user/shareAgent')}">
				          		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge ShareAgentList"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/join.png">   
		                      		</span>
				                	<span class="mt-menu-title">邀请代理</span>
		                   		</span> 
				            </a> 
				      	</li>
				      	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('user/myXiaji')}">
				           		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge ShareAgentList"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/subordinate.png">   
		                      		</span>
				                	<span class="mt-menu-title">下级代理</span>
		                   		</span> 
				         	</a> 
				       	</li>
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('purchase/wybh')}">
				           		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge ShareAgentList"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/my_icon05.png">   
		                      		</span>
				                	<span class="mt-menu-title">我要补货</span>
		                   		</span> 
				         	</a> 
				       	</li>
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('purchase/bhjl')}">
				           		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge ShareAgentList"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/my_icon03.png">   
		                      		</span>
				                	<span class="mt-menu-title">补货记录</span>
		                   		</span> 
				         	</a> 
				       	</li>
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('user/myYongjin')}">
				           		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge ShareAgentList"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/my_icon04.png">   
		                      		</span>
				                	<span class="mt-menu-title">佣金记录</span>
		                   		</span> 
				         	</a> 
				       	</li>
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		                 	<a href="{:url('purchase/wyld')}">
				          		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge report"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/my_icon01.png">   
		                      		</span>
				                	<span class="mt-menu-title">我要录单</span>
		                   		</span> 
				       		</a> 
				       	</li>
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		                 	<a href="{:url('purchase/ddjl')}">
				          		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge report"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/my_icon02.png">   
		                      		</span>
				                	<span class="mt-menu-title">订单记录</span>
		                   		</span> 
				       		</a> 
				       	</li>
				       	<!--  
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		                 	<a href="">
				          		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge report"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/statement.png">   
		                      		</span>
				                	<span class="mt-menu-title">报表</span>
		                   		</span> 
				       		</a> 
				       	</li>
				       	-->
				       	<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
		               		<a href="{:url('user/userInfo')}">
				          		<span class="mt-menu-item">  
		                      		<span class="mt-menu-badge MyInfo"></span>
		                     
		                     		<span class="fa mt-icon mt-menu-font drag-handle">
		                        		<img src="__IMG__/information.png">   
		                      		</span>
				                	<span class="mt-menu-title">个人信息</span>
		                   		</span> 
				        	</a> 
				     	</li> 
		   			</ul>  
			  		<div style="height: 48px; width: 100%; clear: both;"></div> 
		   		</div>  
			</div>
			{include file="public/footer_nav"}
			<!-- off-canvas backdrop -->
			<div class="mui-off-canvas-backdrop"></div>
		</div>
	</div> 

    <div id="jingle_toast" class="success" style="display: none;"></div>
    <div id="jingle_popup" class="loading">
    	<div class="circle-loader">
	        <div class="circle-line">
	            <div class="circle circle-blue"></div>
	            <div class="circle circle-blue"></div>
	            <div class="circle circle-blue"></div>
	        </div>
	        <div class="circle-line">
	            <div class="circle circle-yellow"></div>
	            <div class="circle circle-yellow"></div>
	            <div class="circle circle-yellow"></div>
	        </div>
	        <div class="circle-line">
	            <div class="circle circle-red"></div>
	            <div class="circle circle-red"></div>
	            <div class="circle circle-red"></div>
	        </div>
	        <div class="circle-line">
	            <div class="circle circle-green"></div>
	            <div class="circle circle-green"></div>
	            <div class="circle circle-green"></div>
	        </div>
	    </div> 
        <p>加载中...</p>
    </div>
    <div id="jingle_popup_mask" style="opacity: 0.1; display: none;"></div> 
</body>
<script>
mui.init(); 
 
mui('body').on('tap','a',function(){
    window.top.location.href=this.href;
}); 

//侧滑容器父节点
var offCanvasWrapper = mui('#offCanvasWrapper');
//主界面容器
var offCanvasInner = offCanvasWrapper[0].querySelector('.mui-inner-wrap');
//菜单容器
var offCanvasSide = document.getElementById("offCanvasSide");
if (!mui.os.android) {
	document.getElementById("move-togger").classList.remove('mui-hidden');
	var spans = document.querySelectorAll('.android-only');
	for (var i = 0, len = spans.length; i < len; i++) {
		spans[i].style.display = "none";
	}
}
//移动效果是否为整体移动
var moveTogether = false;
//侧滑容器的class列表，增加.mui-slide-in即可实现菜单移动、主界面不动的效果；
var classList = offCanvasWrapper[0].classList;
//变换侧滑动画移动效果；
mui('.mui-input-group').on('change', 'input', function() {
	if (this.checked) {
		offCanvasSide.classList.remove('mui-transitioning');
		offCanvasSide.setAttribute('style', '');
		classList.remove('mui-slide-in');
		classList.remove('mui-scalable');
		switch (this.value) {
			case 'main-move':
				if (moveTogether) {
					//仅主内容滑动时，侧滑菜单在off-canvas-wrap内，和主界面并列
					offCanvasWrapper[0].insertBefore(offCanvasSide, offCanvasWrapper[0].firstElementChild);
				}
				break;
			case 'main-move-scalable':
				if (moveTogether) {
					//仅主内容滑动时，侧滑菜单在off-canvas-wrap内，和主界面并列
					offCanvasWrapper[0].insertBefore(offCanvasSide, offCanvasWrapper[0].firstElementChild);
				}
				classList.add('mui-scalable');
				break;
			case 'menu-move':
				classList.add('mui-slide-in');
				break;
			case 'all-move':
				moveTogether = true;
				//整体滑动时，侧滑菜单在inner-wrap内
				offCanvasInner.insertBefore(offCanvasSide, offCanvasInner.firstElementChild);
				break;
		}
		offCanvasWrapper.offCanvas().refresh();
	}
});

//主界面和侧滑菜单界面均支持区域滚动；
mui('#offCanvasSideScroll').scroll();
mui('#offCanvasContentScroll').scroll();
//实现ios平台原生侧滑关闭页面；
if (mui.os.plus && mui.os.ios) {
	mui.plusReady(function() { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
		plus.webview.currentWebview().setStyle({
			'popGesture': 'none'
		});
	});
}
</script>
</html>